// 对外暴露配置路由(常量路由)：全部用户都可以访问到
export const constantRoute = [
   {
      // 登录
      path: '/login',
      component: () => import('@/views/login/index.vue'),
      name: 'login',
      meta: {
         title: '登录', //菜单标题
         hidden: true,  //代表该路由在菜单是否隐藏
         icon: 'Promotion',   //菜单文字左侧图标，支持elemnt-plus所有图标
      }
   },
   {
      // 登录成功之后展示数据
      path: '/',
      component: () => import('@/layout/index.vue'),
      name: 'layout',
      redirect: '/home',
      meta: {
         title: '', //菜单标题
         hidden: false,
         icon: '',
      },
      children: [
         {
            path: '/home',
            component: () => import('@/views/home/index.vue'),
            meta: {
               title: '首页', //菜单标题
               hidden: false,
               icon: 'HomeFilled',
            }
         },
      ]
   },
   {
      // 404
      path: '/404',
      component: () => import('@/views/404/index.vue'),
      name: '404',
      meta: {
         title: '404', //菜单标题
         hidden: true,
         icon: 'Warning',
      }
   },
   {
      path: '/screen',
      component: () => import('@/views/screen/index.vue'),
      name: 'Screen',
      meta: {
         title: '数据大屏',
         icon: 'Monitor',
      }
   },
]

// 异步路由
export const asyncRoute = [
   {
      path: '/acl',
      component: () => import('@/layout/index.vue'),
      name: 'Acl',
      redirect: '/acl/user',
      meta: {
         title: '权限管理',
         icon: 'Lock',
      },
      children: [
         {
            path: '/acl/user',
            component: () => import('@/views/acl/user/index.vue'),
            name: 'User',
            meta: {
               title: '用户管理',
               icon: 'User'
            }
         },
         {
            path: '/acl/role',
            component: () => import('@/views/acl/role/index.vue'),
            name: 'Role',
            meta: {
               title: '角色管理',
               icon: 'UserFilled'
            }
         },
         {
            path: '/acl/permission',
            component: () => import('@/views/acl/permission/index.vue'),
            name: 'Permission',
            meta: {
               title: '菜单管理',
               icon: 'Grid',
            }
         },
      ]
   },
   {
      path: '/product',
      component: () => import('@/layout/index.vue'),
      name: 'Product',
      redirect: '/product/trademark',
      meta: {
         title: '商品管理',
         hidden: false,
         icon: 'Goods'
      },
      children: [
         {
            path: '/product/trademark',
            component: () => import('@/views/product/trademark/index.vue'),
            name: 'Trademark',
            meta: {
               title: '品牌管理',
               icon: 'ShoppingCart'
            }
         },
         {
            path: '/product/attr',
            component: () => import('@/views/product/attr/index.vue'),
            name: 'Attr',
            meta: {
               title: '属性管理',
               icon: 'Avatar'
            }
         },
         {
            path: '/product/spu',
            component: () => import('@/views/product/spu/index.vue'),
            name: 'Spu',
            meta: {
               title: 'SPU管理',
               icon: 'Calendar'
            }
         },
         {
            path: '/product/sku',
            component: () => import('@/views/product/sku/index.vue'),
            name: 'Sku',
            meta: {
               title: 'SKU管理',
               icon: 'Orange'
            }
         },
      ]
   }
]

// 任意路由
export const anyRoute = [
   {
      path: '/:pathMatch(.*)*',
      redirect: '404',
      name: 'any',
      meta: {
         title: '任意路由', //菜单标题
         hidden: true,
         icon: 'CircleClose',
      }
   },
]